<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.2-dist/css/bootstrap-grid.css"/>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.2-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.2-dist/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.2-dist/css/bootstrap-reboot.min.css"/>
		<script src="bootstrap-4.6.2-dist/js/popper.min.js"></script>
		<script src="bootstrap-4.6.2-dist/js/jquery-3.5.1.slim.min.js"></script>
		<script src="bootstrap-4.6.2-dist/js/bootstrap.min.js"></script> 
		<title>联系我们</title>
		<style type="text/css">
			.aaa{
				
				justify-content: center;
				align-items: center;
				text-align: center;
				
				
			}
			body{
				background-image: url(img/b.jpg);
				background-size: 100% 100%;
			}
			.nav-item{
				margin: 0 110px;
			}
			.container{
				width: 1000px;
				height: 700px;
				background-color: white;
				justify-content: center;
				text-align: center;
				line-height: 10px;
			}
			.bbb{
				border: 3px solid coral;
			margin-bottom: 30px;
			width: 170px;
			}
			.xxx{
				color: coral;
				line-height: 200px;
			}
		.h1{
			line-height: 20px;
		}
		</style>
	</head>
	<body>
		<div class="aaa">
			<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
			<ul class="navbar-nav ">
				<li class="nav-item ">
					<a class="nav-link" href="index.html">咖啡简介</a>
				</li>
				<li class="nav-item ">
					<a class="nav-link" href="index2.html">咖啡种类</a>
				</li>
				<li class="nav-item  ">
					<a class="nav-link" href="index3.html">发展历史</a>
				</li>
				<li class="nav-item ">
					<a class="nav-link" href="index4.html">制作方法</a>
				</li>
				<li class="nav-item active">
					<a class="nav-link" href="index5.html">联系我们</a>
				</li>
				<li class="nav-item ">
					<a class="nav-link" href="dL.html">登录页面</a>
				</li>
			</ul>
			
			</nav>
			<!--轮播图-->
		<div id="w" class="carousel slide" data-ride="carousel" data-interval="2000">
		  <ol class="carousel-indicators">
		    <li data-target="#w" data-slide-to="0" class="active"></li>
		    <li data-target="#w" data-slide-to="1"></li>
		    <li data-target="#w" data-slide-to="2"></li>
		  </ol>
		  <div class="carousel-inner">
		    <div class="carousel-item active">
		      <img src="img/1.jpeg" height="500px" class="d-block w-100" alt="...">
		    </div>
		    <div class="carousel-item">
		      <img src="img/2.jpg" height="500px" class="d-block w-100" alt="...">
		    </div>
		    <div class="carousel-item">
		      <img src="img/3.jpg" height="500px" class="d-block w-100" alt="...">
		    </div>
		    
		  </div>
		  <button class="carousel-control-prev" type="button" data-target="#w" data-slide="prev">
		    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
		    <span class="sr-only">Previous</span>
		  </button>
		  <button class="carousel-control-next" type="button" data-target="#w" data-slide="next">
		    <span class="carousel-control-next-icon" aria-hidden="true"></span>
		    <span class="sr-only">Next</span>
		  </button>
	</div>
			<br />
			
			<div class="container">
				
					<br /><br /><br />
				<div class="xxx">
						<h1>联系方式</h1>
					
					<hr class="bbb"/>
				</div>
				
				<br /><br />
				<div class="">
					<p>联系人：张先生</p>
					<p>咨询热线：112318097412908098740912</p>
					<p>客服QQ：3452863982</p>
					<p>茂名驻点：广东省茂名市某某小区某某路</p>
					<p>广州驻点：广东省广州市某某小区某某路</p>
				</div>
				<br /><br /><br /><br />
					<div class="xxx">
						<h1>在线咨询</h1>
					
					<hr class="bbb"/>
					
				</div>
				
				<label for="aaa">邮箱地址:</label>
				<input type="text" name="email" id="email" value="" class=""  placeholder="请输入邮箱地址"/>
				<br /><br /><br />
				<label for="aaa">您的姓名:</label>
				<input type="text" name="text" id="text" value="" class=""  placeholder="请输入姓名"/>
				<br /><br /><br />
				<label for="aaa">手机号码:</label>
				<input type="number" name="number" id="numbei" value="" class=""  placeholder="请输入号码"/>
				<br /><br /><br />
				<label for="sel">您的年龄</label>
				<select class="form-control" id="sel">
					<option>18岁以下</option>
					<option>18---28</option>
					<option>29---38</option>
					<option>38以上</option>
				</select>
			
				
				
			</div>
			
	</body>
</html>
